<template>
  <div>
    <el-row style="margin-bottom:10px">
      <el-col :span="8" >
        <h4 style="margin:0">
          <span>账号管理</span>
          <el-button  type="success" class="addBtn" @click="addUserFun"><i class="el-icon-plus"></i>账号</el-button>          
        </h4>
      </el-col>
      <el-col :span="16" style="text-align:right">
        
      </el-col>
    </el-row>
   
    <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55"></el-table-column>
      <el-table-column prop="ID" label="序号" width="60"> </el-table-column>
      <el-table-column prop="date" label="账号"> </el-table-column>      
      <el-table-column prop="tui" label="添加时间"></el-table-column>
      <el-table-column prop="tui" label="密码"></el-table-column>
      <el-table-column prop="tui" label="姓名"></el-table-column>
      <el-table-column prop="tui" label="部门"></el-table-column>
      <el-table-column prop="tui" label="职责"></el-table-column>
      <el-table-column prop="tui" label="权限"></el-table-column>
      <el-table-column prop="tui" label="状态"></el-table-column>
      <el-table-column width="150" label="操作">
        <template slot-scope="scope">
          <div>
            <el-button class="addBtn" type="primary">编辑</el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>

   <Adduser ref="adduser" :dialogVisible="dialogVisible" @showFun ="closeVisible"></Adduser>
   
  </div>
</template>

<script>
  import Adduser from './Adduser/Adduser'
  export default {
    data() {
      return {
        dialogVisible:false,
        value:'关注',
        totla:200,
        odersValue:'地区',
        oders:[
          {value:'深圳',label:'深圳'}
        ],
        options:[
          {value:0,label:'全部'},
          {value:1,label:'牙齿矫正' },
          {value:2, label:'口腔健康' },
          {value:3,label:'儿童口腔'},
          {value:4,label:'种植牙'}
        ],
        tableData: [{
          date: '2016-05-02',
          name: 1,
          status:false,
          tui:2,
          address: 'zlh'
        }, {
          date: '2016-05-04',
          status:true,
          tui:1,
          edit:2,
          name: 1,
          address: '上弄'
        }]
      }
    },
    components:{
      Adduser
    },
    
    methods: {
       getdata (evt) {
        },
        datadragEnd (evt) {
            evt.preventDefault();
          
        },
     
      deletData(val) {
        
      },
      
      //添加用户
      addUserFun() {
        this.dialogVisible = true
      },
      closeVisible() {
        this.dialogVisible = false
      },
      //选择 推荐
      handleSelectionChange() {
        
      },
      handleClose(done) {
        this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
      },
       //搜索
      sheachFun(val){
        
      }
    }
  }
</script>
<style  scoped>
.box{
  border-bottom:1px solid red;
}
    .test{
        border:1px solid #ccc;
    }
    .drag-item{
        width: 200px;
        height: 50px;
        line-height: 50px;
        margin: auto;
        position: relative;
        
        background: #ddd;
        margin:20px 5px;
    }
    .ghostClass{
        opacity: 1;
    }
    .bottom{
        width: 200px;
        height: 50px;
        position: relative;
        background: blue;
        top:2px;
        left: 2px;
        transition: all .5s linear;
    }
</style>
